<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>登录 - 马厩社区</title>
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/community.css">
        <script type="application/javascript" src="js/jquery-3.3.1.min.js"></script>
        <script type="application/javascript" src="bootstrap/js/bootstrap.min.js"></script>
        <!--<link rel="stylesheet" href="layui/css/layui.css">-->
        <!--<script type="application/javascript" src="layui/layui.js"></script>-->
    </head>
    <body>
        <div th:insert="~{headder :: headder}"></div>
        <div class="container div-login">
            <div class="row" >
                <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12" >
                    <h2 style="text-align: center">登录</h2>
                    <form style="padding-left: 150px ;padding-right: 150px">
                        <div class="form-group">
                            <label for="exampleInputEmail1">账号</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="该功能未完成">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">密码</label>
                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="该功能未完成">
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 记住密码
                            </label>
                        </div>
                        <div style="text-align: center; ">

                        <button type="submit" class="btn btn-default" style="margin-left: 10px;margin-right: 10px">登录</button>
                        <button type="submit" class="btn btn-default" style="margin-left: 10px;margin-right: 10px">注册</button>
                        </div>
                    </form>
                </div>
                <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
                    <h3 style="margin-bottom: 30px">使用其他方式登录</h3>
                    <a href="https://github.com/login/oauth/authorize?client_id=892119f642011b756627&redirect_uri=http://localhost:8887/callback&scope=user&state=1"
                       class="login-other">
                        <img th:src="@{img/github.svg}" class="login-icon">
                        Github登录
                    </a>
                    <a href="#"
                       class="login-other">
                        <img th:src="@{img/gitee.svg}" class="login-icon">
                        Gitee登录
                    </a>
                    <a href="#"
                       class="login-other">
                        <img th:src="@{img/QQ.svg}" class="login-icon">
                        QQ登录
                    </a>
                </div>
            </div>
        </div>
    </body>
</html>